// const colors = require('tailwindcss/colors')
module.exports = {
  content: [ './src/**/*.{js,jxs,vue}' ],
  darkMode: 'class', // or 'media' or 'class'
  theme: {
    fontFamily: {
      sans: ['Graphik', 'sans-serif'],
      serif: ['Merriweather', 'serif'],
    },
    extend: {
      spacing: {
        '128': '32rem',
        '144': '36rem',
      },
      borderRadius: {
        '4xl': '2rem',
      }
    }
  },
  variants: {
    extend: {
      borderColor: ['focus-visible'],
      opacity: ['disabled'],
    }
  },
  plugins: [
    // [
    //   "prismjs",
    //   {
    //     "languages": ["html", "css", "markup", "javascript", "php", "dart", "bash", "nginx", "sql"], // 语言
    //     "plugins": ["line-numbers"], // 行号插件（可以不用，还有其他插件网上查询）
    //     "theme": "okaidia",  // 主题 coy|twillight|tomorrow|solarizedlight|okaidia|funky|dark
    //     "css": true
    //   }
    // ],
  ],
}
